<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>全铝浴室柜_全铝家具_铝合金橱柜_缘色新材料家居官网</title>
    <link rel="shortcut icon" href="/public/img/favicon.ico">
    <link rel="stylesheet" href="/public/css/reset.css">
    <link rel="stylesheet" href="../node_modules/swiper/dist/css/swiper.min.css">
    <link rel="stylesheet" href="../public/css/index.css">
    <script src="../node_modules/swiper/dist/js/swiper.min.js"></script>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
</head>
<body>
<div id="header">
    <img src="public/img/header1.png">
    <h1>缘色新材料家具</h1>
    <a href="">免费服务热线：400-6067-176</a>
    <ul>
        <li><a href="./">首页</a></li>
        <li><a href="./us.html">关于我们</a></li>
        <li id="product"><a href="./product.html">产品展示</a></li>
        <li><a href="./new.html">新闻资讯</a></li>
        <li id="board"><a href="./relate.html">联系我们</a></li>
    </ul>
    <div id="displayB">
    <div id="display">
        <ul>
            <p></p>
            <p></p>
            <li><a href="">浴室柜</a></li>
            <p></p>
            <li> <a href="">鞋柜</a></li>
            <p></p>
            <li><a href="">洗衣机柜</a></li>
        </ul>
    </div>
    </div>
    <div id="noteB">
    <div id="note">
        <ul>
            <p></p>
            <p></p>
            <p></p>
            <li style="margin: 5px;"><a href="./note.html">留言板</a></li>
        </ul>
    </div>
    </div>
</div>
<div class="swiper">
        <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="public/img/lunbo1.jpg"> </div>
        <div class="swiper-slide"><img src="public/img/lunbo2.jpg"> </div>
        </div>
    <div id="middle">
        <div id="character">
            <p class="tese">特色产品</p>
            <div id="line"><img src="public/img/special.png"> </div>
        <p>源于欧洲的设计符号，通过科技与新技术的重新演绎，再次成就经典。缘色新材料全铝家居，
            遵循：“生命与自然的完美结合”的最高理想引领未来先锋时尚，倾情打造新时代专项全铝生活，成就品质生活新典范。</p>

        </div>
        <div id="qiantao1"></div>
        <div id="qiantao2"></div>
        <div id="qiantao3"></div>
        </div>
    <hr>
    </div>
    <div id="middle1">
        <div id="left">
            <span style="font-size: 24px;color:#666666;">WHO ARE WE</span>
            <p style="font-size: 24px;color: #666666">我们是谁</p>
            <div id="who">
                <span style="font-size: 14px;color: #666666;font-family:宋体;">山东缘色新材料有限公司是一家专业从事全铝家具设计、开发、销售一体的高科技公司，
                    可为用户提供个性化定制需求。 产品广泛应用于高档酒店、家装、别墅、高档小区等，凭借可靠的产品质量和良好的售后服务，
                    缘色新材料家居赢得了广大用户的认可。</span>
            </div>

        </div>
        <div id="right1"></div>
        <div id="right2"></div>
    </div>
    <div id="middle2">
        <div id="box1"></div>
        <div id="box2"></div>
        <div id="item">
            <span style="font-size: 24px;color:#666666;">OUR  ADVANTAGE</span>
            <p style="font-size: 24px;color: #666666">我们的优势</p>
            <div id="advantage">
            <span style="font-size: 14px;color: #666666;font-family:宋体;">以最合理的价格、最完善的服务，提供最优秀的产品以客户需求为导向，
                以提高客户生产效率及质量为目标，不断引进国外先进技术同产品，为客户带来更为全面的现场解决方案。</span>
            </div>
        </div>
    </div>
    <div id="middle3">
        <div id="pushR">
            <p style="font-size: 20px;color: #FF0000;width: 100px;height: 26px">推拉门系列</p>
            <span style="line-height: 1.8em;color: #999999;font-size: 14px;width: 224px;height: 120px;">选用优质的材料加工制造，设置配套的锁具，使得整体更加统一，
                门体表面带有一定的光泽，使用效果好。下方选用不锈钢材料，整体操作更加灵活便捷。
                除此之外还有很好的隔音效果，更是绿色环保产品的代表</span>
        </div>
        <div id="pushL">
            <p style="font-size: 20px;color: #FF0000">全铝浴室柜系列</p>
            <span style="line-height: 2em;color: #999999;font-size: 14px;">
                采用目前最流行的铝镁合金型材，坚固不变形，表面经过特殊的氧化处理，不会形成二次氧化，不变色，
                100%防水100%无醛。表面亮丽光滑，颜色多样，表面防水。经过多道工序处理，成品后柜体连接结实紧固，结构严谨，
                同时柜仍可抗弯曲和收缩，并具有不褪色、细腻平滑手感好，耐用。
            </span>
        </div>
    </div>
    <div id="bottom1">
        <div id="picture"></div>
        <div id="new">
            <p style="font-size: 18px;color: #333333">新材料家居的流行</p>
            <span style="color: #666666;font-size: 14px;">全铝家具是一种新发展趋势，是家具的新一代环保产品，
                铝合金家具和木质家具都有它们自身的优缺点，但是就目前的环保理念来说，
            人们会更注重健康，同时全铝家具具有零甲醛，耐用，外观时尚等优势，所以全铝家具应该会成为家具的主流！
        </span>
        </div>



        <div id="article">

            <div id="articleL">
                <ul>
                    <li><a href=""> 2018/05/31</a></li>
                    <li><a href="">2018/05/21</a> </li>
                    <li><a href="">2018/04/19</a> </li>
                </ul>
                <div id="round1"></div>
                <div id="round2"></div>
                <div id="round3"></div>
                <div id="circle1"></div>
                <div id="circle2"></div>
                <div id="circle3"></div>
            </div>
            <div id="articelM"></div>
            <div id="articleR">
                <ul>
                    {{each data.article}}
                    <li><a href="./adv.html?id={{$value.id}}">{{$value.articletitle}}</a>
                        <p style="font-size: 14px;color: #808080">{{$value.date}}</p></li>
                    {{/each}}
<!--                    <li><a href="">全铝浴室柜到底好不好用</a>-->
<!--                        <p style="font-size: 14px;color: #808080">防水防潮;铝合金浴室柜打破传统！从市面上各类浴室柜的表现...</p></li>-->

<!--                    <li><a href="">全铝家具相比木质家具的优势</a>-->
<!--                        <p style="font-size: 14px;color: #808080">优势一: 环保、牢固、防水、防火、美观环保:传统木质家居板...</p></li>-->

                </ul>
            </div>

        </div>
    </div>
    <div id="bottom2">
        <p>联系我们</p>
        <div id="photo">
            <img src="public/img/telephone.png">
            <img src="public/img/location.png">
            <img src="public/img/email.png">

        </div>
        <div id="link">
                <span style="font-size: 14px;color: #FFFFFF;">联系电话</span>
            <span style="font-size: 14px;color: #FFFFFF;">联系地址</span>
            <span style="font-size: 14px;color: #FFFFFF;">联系邮箱</span>
        </div>
        <div id="way">
            <span style="font-size: 14px;color: #FFFFFF;">400-6067-176</span>
            <span style="font-size: 14px;color: #FFFFFF;margin-right:-20px">山东省潍坊市奎文区泰华商务大厦</span>
            <span style="font-size: 14px;color: #FFFFFF;margin-right: 30px">1411483583@qq.com</span>
        </div>


    </div>
    <div id="dibu">
        <span>缘色新材料家具</span>
        <p>高端全铝家居，为用户提供个性化定制需求。</p>
        <a>免费服务热线：400-6067-176</a>
        <p1 style="cursor:pointer;">山东缘色新材料有限公司 | 鲁ICP备18021872号-1</p1>
    </div>
    <div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper外面，需要自定义样式。-->
    <div class="swiper-button-next"></div><!--右箭头。如果放置在swiper外面，需要自定义样式。-->


<script language="javascript">
    var mySwiper = new Swiper('.swiper', {
        autoplay:true,//等同于以下设置
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        loop:true,
    });
</script>

</body>
</html>
<script src="../public/js/slide.js"></script>